<template>
  <div class="all-box">
    <router-view></router-view>
    <TabBar v-if="isShowNav"></TabBar>
  </div>
</template>

<script>
import TabBar from "@/components/TabBar.vue";

export default {
  name: "App",
  components: {
    TabBar,
  },
  data() {
    return {
      isShowNav:false
    };
  },
  watch: {
    $route: function (val) {
      this.isShowNav = val.meta.isShowNav;
    },
  },
};
</script>

<style lang="less">
.all-box {
  padding-bottom: 100px;
}
</style>
